<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <title>会员升级</title>
    <link rel="stylesheet" type="text/css" href="./static/css/app.css">
</head>
<body class="F6">
<div id="app" class="hysj2-page">
    <!-- header -->
    <div class="header">
        <div class="header-height"></div>
        <div class="header-wrap">
            <div class="header-content">
                <div class="left">
                    <div class="go-back"><img src="./static/images/go-back.png" alt=""></div>
                    <div class="text">会员升级</div>
                </div>
                <div class="title"></div>
            </div>
        </div>
    </div>
    <!-- 顶部 -->
     <div class="top-wrap">
        <div class="bg-list">
            <img src="./static/images/hysj-bg1.png" alt="">
        </div>
        <div class="content">
            <div class="user-info">
                <div class="left">
                    <img src="./static/images/avatar2.png" alt="">
                </div>
                <div class="right">
                    <div class="row-1">亲爱的XXXX，您好！</div>
                    <div class="row-2">
                        <div class="text-left">您的升级商品合计金额为：￥</div>
                        <div class="text-right">5990</div>
                    </div>
                </div>
            </div>
        </div>
     </div>
     <div class="product-wrap">
        <div class="product-box">
            <div class="title-wrap">
                <div class="title">直推商品</div>
                <div class="amount-text"><span>总金额：</span><span>￥</span><span>599</span></div>
            </div>
            <div class="product-list">
                <div class="product-item">
                    <div class="product-image">
                        <img src="./static/images/product4.png" alt="">
                    </div>
                    <div class="product-title ellipsis-1">香奈儿果香香水香香水香香水</div>
                    <div class="bottom">
                        <div class="left"><span>￥</span>599</div>
                        <div class="right">x<span>5</span></div>
                    </div>
                </div>
                <div class="product-item">
                    <div class="product-image">
                        <img src="./static/images/product4.png" alt="">
                    </div>
                    <div class="product-title ellipsis-1">香奈儿果香香水香香水香香水</div>
                    <div class="bottom">
                        <div class="left"><span>￥</span>599</div>
                        <div class="right">x<span>5</span></div>
                    </div>
                </div>
                <div class="product-item">
                    <div class="product-image">
                        <img src="./static/images/product4.png" alt="">
                    </div>
                    <div class="product-title ellipsis-1">香奈儿果香香水香香水香香水</div>
                    <div class="bottom">
                        <div class="left"><span>￥</span>599</div>
                        <div class="right">x<span>5</span></div>
                    </div>
                </div>
                <div class="product-item">
                    <div class="product-image">
                        <img src="./static/images/product4.png" alt="">
                    </div>
                    <div class="product-title ellipsis-1">香奈儿果香香水香香水香香水</div>
                    <div class="bottom">
                        <div class="left"><span>￥</span>599</div>
                        <div class="right">x<span>5</span></div>
                    </div>
                </div>
            </div>
         </div>
        <div class="product-box">
            <div class="title-wrap">
                <div class="title">公司产品</div>
                <div class="amount-text"><span>总金额：</span><span>￥</span><span>599</span></div>
            </div>
            <div class="product-list">
                <div class="product-item">
                    <div class="product-image">
                        <img src="./static/images/product4.png" alt="">
                    </div>
                    <div class="product-title ellipsis-1">香奈儿果香香水香香水香香水</div>
                    <div class="bottom">
                        <div class="left"><span>￥</span>599</div>
                        <div class="right">x<span>5</span></div>
                    </div>
                </div>
                <div class="product-item">
                    <div class="product-image">
                        <img src="./static/images/product4.png" alt="">
                    </div>
                    <div class="product-title ellipsis-1">香奈儿果香香水香香水香香水</div>
                    <div class="bottom">
                        <div class="left"><span>￥</span>599</div>
                        <div class="right">x<span>5</span></div>
                    </div>
                </div>
                <div class="product-item">
                    <div class="product-image">
                        <img src="./static/images/product4.png" alt="">
                    </div>
                    <div class="product-title ellipsis-1">香奈儿果香香水香香水香香水</div>
                    <div class="bottom">
                        <div class="left"><span>￥</span>599</div>
                        <div class="right">x<span>5</span></div>
                    </div>
                </div>
            </div>
         </div>
        <div class="product-box">
            <div class="title-wrap">
                <div class="title">代数商品</div>
                <div class="amount-text"><span>总金额：</span><span>￥</span><span>599</span></div>
            </div>
            <div class="product-list">
                <div class="product-item">
                    <div class="product-image">
                        <img src="./static/images/product4.png" alt="">
                    </div>
                    <div class="product-title ellipsis-1">香奈儿果香香水香香水香香水</div>
                    <div class="bottom">
                        <div class="left"><span>￥</span>599</div>
                        <div class="right">x<span>5</span></div>
                    </div>
                </div>
                <div class="product-item">
                    <div class="product-image">
                        <img src="./static/images/product4.png" alt="">
                    </div>
                    <div class="product-title ellipsis-1">香奈儿果香香水香香水香香水</div>
                    <div class="bottom">
                        <div class="left"><span>￥</span>599</div>
                        <div class="right">x<span>5</span></div>
                    </div>
                </div>
                <div class="product-item">
                    <div class="product-image">
                        <img src="./static/images/product4.png" alt="">
                    </div>
                    <div class="product-title ellipsis-1">香奈儿果香香水香香水香香水</div>
                    <div class="bottom">
                        <div class="left"><span>￥</span>599</div>
                        <div class="right">x<span>5</span></div>
                    </div>
                </div>
            </div>
         </div>
     </div>
     <div class="btn-wrap">
        <div class="btn">进入任务列表</div>
        <div class="btn right-btn">保存为图片</div>
     </div>
</div>
<script src="./static/js/common.js"></script>
</body>
</html>